// 页面背景图
.page-bg {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	&.dong {
		transition: all .4s ease;
	}
}
.page-container {
	position: relative;
	z-index: 1;
	&.dong {
		transition: all .4s ease;
	}
	// 页面顶部信息
	.page-top {
		position: relative;
		display: flex;
		align-items: center;
		padding: 30rpx 26rpx 0;
		image {
			width: 64rpx;
		}
		.top-title {
			margin-left: 20rpx;
			font-size: 36rpx;
			font-weight: 500;
			color: #fff;
		}
	}
}
// 用户信息
.user-info {
	display: flex;
	width: 294rpx;
	margin: 48rpx 26rpx 0;
	background: linear-gradient(0deg,#ffdfaf 0%, #fefcf7 100%);
	border: 2rpx solid #c88d67;
	border-radius: 45rpx;
	.img {
		width: 76rpx;
		height: 76rpx;
		margin: 7rpx 0 7rpx 7rpx;
		image {
			width: 100%;
			height: 100%;
		}
	}
	.info {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: calc(100% - 76rpx - 7rpx - 18rpx - 14rpx);
		margin-left: 18rpx;
		padding: 10rpx 0;
		font-size: 24rpx;
		> view {
			color: #5c361c;
			image {
				width: 26rpx;
			}
		}
		> view:last-of-type {
			display: flex;
			align-items: center;
			text {
				margin-left: 10rpx;
				opacity: .7;
			}
		}
	}
}

::v-deep .u-mask-zoom {
	background-color: rgba(#000, .7) !important;
}
::v-deep.u-mode-center-box{
	background-color: transparent !important;
}
::v-deep .u-drawer-bottom{
	background-color: transparent !important;
}
::v-deep .u-drawer{
	z-index: 998 !important;
}
::v-deep .u-countdown-colon {
	padding: 0 !important;
}

// 超出一行显示省略号
.hidden-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

// 超出两行显示省略号
.hidden-2 {
  //超出两行省略号
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2; //显示几行
  text-overflow: ellipsis;
}
// 超出三行显示省略号
.hidden-3 {
  //超出两行省略号
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  -webkit-line-clamp: 3; //显示几行
  text-overflow: ellipsis;
}

// vue-tour引导页
.v-tour__target--highlighted {
  box-shadow: 0 0 0 99999px rgba(0,0,0,.4);
}
::v-deep .v-step {
	background-color: rgba(red, .4);
}

// 小鸡左右摇摆
@keyframes rotate-img {
	0% {
		transform: skew(0) scaleY(1);
	}
	25% {
		transform: skew(.5deg) scaleY(.999);
	}
	50% {
		transform: skew(0) scaleY(1);
	}
	75% {
		transform: skew(-.5deg) scaleY(.999);
	}
	100% {
		transform: skew(0) scaleY(1);
	}
}